<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Head -->
<head>
    <meta charset="utf-8"/>
    <title>${session.SOFT_NAME }_智能办公系统</title>
    <meta name="description" content="Dashboard"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <%include("/app/resapi/style.html"){} %>
    <link rel="stylesheet" href="/module/zTree_v3/css/bootstrapStyle/bootstrapStyle.css" type="text/css">
    <link rel="stylesheet" href="/module/bootstrap-table/bootstrap-table.css" rel="stylesheet"/>
</head>
<body style="overflow-y: auto;">
<div class="page-body" style="padding: 0px;">
    <div class="main-container container-fluid">
        <div class="page-container">
            <div class="col-md-12 col-sm-12 col-xs-12" style="padding: 0px">
    
                <div class="col-md-2 col-sm-2 col-xs-12" style="padding: 0px;">
                    <div class="widget flat radius-bordered">
                        <div class="widget-header bg-lightred">
                            <span class="widget-caption">院系列表</span>
                        </div>
                        <div class="widget-body">
                            <ul id="tree" class="ztree"></ul>
                            <a id="cbut" href="javascript:void(0);" class="btn btn-purple" style="width: 100%;">创建班级</a>
                            <a href="javascript:void(0);" class="btn btn-sky js-class-all" style="width: 100%; margin-top: 5px;">全部班级</a>
                        </div>

                    </div>
                </div>
                <div class="col-md-10 col-sm-10 col-xs-12" style="padding: 0px">
                    <div class="col-md-12 col-sm-12 col-xs-12" id="datalist" style=" padding: 0px;">
                        <div class="widget-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="btn-group" id="toobar" role="group" aria-label="...">
                                        <span style="margin-left: 10px;">学期:</span> <span>
										<select id="semesterIdQuery" style="width: 200px; display: inline-block; border-radius: 0px;" class="form-control"></select>
										</span>
                                        <span style="margin-left: 20px"> <a href="javascript:void(0);" class="btn btn-magenta js-simple-query">${i18n('system.search')}</a>
										</span>
                                    </div>
                                    <table id="myTable"></table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12" style="display: none;padding: 0px" id="creatediv">
                        <div class="widget">
                            <div class="widget-header bordered-bottom bordered-palegreen">
                                <span class="widget-caption">班级基本信息</span>
                            </div>
                            <div class="widget-body">
                                <form class="form-horizontal form-bordered" id="form">
                                    <div class="form-group">
                                        <label class="col-sm-1 control-label no-padding-right">${i18n('system.sortNo')}:</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="sortNo" name="sortNo" placeholder="${i18n('system.sortNo')}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-1 control-label no-padding-right">班级名称:</label>
                                        <div class="col-sm-5">
                                            <input type="text" class="form-control" id="className" name="className" placeholder="班级名称 ">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-1 control-label no-padding-right">年级:</label>
                                        <div class="col-sm-5">
                                            <select class="form-control" id="gradeId" name="gradeId"></select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-1 control-label no-padding-right">预设人数:</label>
                                        <div class="col-sm-5">
                                            <input type="number" class="form-control" id="userCount" name="userCount" placeholder="预设人数">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-1 control-label no-padding-right">班主任:</label>
                                        <div class="col-sm-3">
                                            <input type="text" class="form-control" id="headmaster" name="headmaster" placeholder="班主任" readonly>
                                        </div>
                                        <div style="line-height: 34px">
                                            <a style="cursor: pointer;" opt-id="headmaster" onclick="selectUser(this,'false');">${i18n('system.select')}</a>
                                            <a style="cursor: pointer;" onclick="clearSelect('headmaster')">${i18n('system.clear')}</a>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-1 control-label no-padding-right">所在学期:</label>
                                        <div class="col-sm-2">
                                            <select id="semesterId" class="form-control"></select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-1 control-label no-padding-right">上级院系：</label>
                                        <div class="col-sm-5" style="position: relative;">
                                            <input type="text" class="form-control" id="departmentsId" name="departmentsId" placeholder="请选择上级院系 " readonly="readonly">
                                            <div id="menuContent" class="menuContent">
                                                <ul id="menuTree" class="ztree"></ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-1 control-label no-padding-right">开设课程：</label>
                                        <div class="col-sm-5">
                                            <textarea class="form-control" id="courseId" name="courseId" placeholder="开设课程" rows="4" readonly></textarea>
                                        </div>
                                        <div style="line-height: 90px">
                                            <a style="cursor: pointer;" opt-id="courseId" onclick="selectCourse(this,'true');">${i18n('system.select')}</a>
                                            <a style="cursor: pointer;" onclick="clearSelect('courseId')">${i18n('system.clear')}</a>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-1 control-label no-padding-right">教室门牌号：</label>
                                        <div class="col-sm-5">
                                            <input type="text" class="form-control" id="roomNo" name="roomNo" placeholder="教室门牌号">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-1 control-label no-padding-right">地址:</label>
                                        <div class="col-sm-5">
                                            <input type="text" class="form-control" id="address" name="address" placeholder="地址">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-1 control-label no-padding-right">班级状态:</label>
                                        <div class="col-sm-5">
                                            <select id="status" name="status">
                                                <option value="1">开班</option>
                                                <option value="0">停班</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-1 control-label no-padding-right">备注:</label>
                                        <div class="col-sm-5">
                                            <textarea rows="5" cols="" class="form-control" id="remark" name="remark"></textarea>
                                        </div>
                                    </div>
                                    <div class="form-group" style="text-align: center;">
                                        <a id="createbut" href="javascript:void(0);" class="btn btn-primary">${i18n('system.create')}</a>
                                        <a style="display: none;" id="updatabut" href="javascript:void(0);" class="btn btn-maroon">更&nbsp;&nbsp;改</a>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="orgselectdiv"></div>
<%include("/app/resapi/sysjs.html"){} %>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.exedit.js"></script>
<script type="text/javascript" src="/module/bootstrap-table/bootstrap-table.js"></script>
<script type="text/javascript" src="/module/bootstrap-table/bootstrap-table-${localeLangCountry()}.js"></script>
<script type="text/javascript" src="/module/orgselect/orgselect.js"></script>
<script type="text/javascript" src="/gobal/js/page/education/param/param.js"></script>
<script type="text/javascript" src="/gobal/js/page/education/param/classster.js"></script>
</body>
</html>
